<!DOCTYPE html>
<html>
<head>
	<title>JeversonJeeHtmlRoad</title>
	<!-- meta 关键字的使用 -->
	<meta charset="utf-8">
	<meta name="keywords" content="jeversonjee, greatest developer">
	<meta name="description" content="who loves coding">
	<!-- <meta http-equiv="refresh" content="5; http://www.baidu.com"> -->
	<link rel="stylesheet" type="text/css" href="1.css">
	<link rel="icon" href="https://www.baidu.com/icon">

	<style type="text/css">
	/*标签选择器*/
		/*div{
			font-family: microsoft yahei;
			font-size: 100px
		}
		p{
			color: white;
			font-size: 30px;
			background-color: green;
		}
		span{
			color: red;
			font-size: 30px;
		}
		h1{
			font-size: 20px;
		}*/
		/*累选择器*/
		/*.box{
			font-size: 40px;
			color: #ff0000;
			width: 400px;
			height: 300px;
			background-color: #999;
		}
		.miss{
			text-indent: 2em;
		}
*/	
		/*谷歌案例*/
		/*.G{
			font-size: 200px;
			color: #000099;
		}
		.o1{
			font-size: 200px;
			color: #990000;
		}
		.o2{
			font-size: 200px;
			color: orange;
		}
		.g1{
			font-size: 200px;
			color: #000099;
		}
		.l{
			font-size: 200px;
			color: #009900;
		}
		.e{
			font-size: 200px;
			color: #990000;
		}*/
		/*通配符*/
		/**{
			font-size: 50px;
			color: gray;
		}*/
		/*交集选择器*/
		/*.box{
			font-size: 50px;
		}
		div.box{
			color: red;
		}
		div#miss{
			width: 400px;
			height: 300px;
			background-color: yellow;
		}*/
		/*后代选择器*/

		/*.box{
			font-size: 40px;
			color: red;
		}
		div span{
			font-size: 50px;
		}
		.box span{
			background-color: blue;
		}
		.box .miss{
			color: red;
		}
		.box span{
			color: red;
		}*/
		/*子代选择器*/
		/*div>span{
			color: red;
			font-size: 40px;
		}
		p>span{
			color: green;
			font-size: 60px;
		}*/
		/*.box,#miss,span,h1{
			font-size: 50px;
			 color: #fff;
			 background-color: green;
		}*/
		div.div1 ul.box li,div.div1 p{
			color: red;
		}
		div.box p.p1,div.box div.div1 p,p{
			color: green;
		}
		/*文本属性*/
		div{
			font: italic 700px 14px/40px microsoft yahei;
		}
	</style>
</head>
<body>
	<div>Jeverson happen to smile huan on 2017/07/20 20:00</div>
	<p>Introduced by CarterRen and Liangrong</p>
	<span>Having lunch at 80 hou jiangzhecai resturant.</span>
	<h1>Smile huan was born on 17 apri 1995</h1>
	<div class="box miss">JeversonJee leave zhaoHUan</div>
	<div>seeking for a single tour</div>
	<p class="box">becoming working hard.</p>
	<span class="box">To study the process of learning html</span>
	<span class="G">G</span>
	<span class="o1">o</span>
	<span class="o2">o</span>
	<span class="g1">g</span>
	<span class="l">l</span>
	<span class="e">e</span>
	<!-- 交集选择器 -->
	<div class="box">JeversonJee is ur father</div>
	<p class="box">Hi jeverson</p>
	<div id="miss">hello world</div>
	<!-- 后代选择器 -->
	<div class="box">
		<p><span class="miss">JeversonJee is ur father</span></p>
	</div>
	<div class="box">
		<span>Fuck u man</span>
	</div>
	<!-- 子代选择器 -->
	<div>
		<p><span>JeversonJee</span></p>
		<span>isUr father</span>
	</div>
	<!-- 并集选择器 -->
	<div class="box">jeverson handsome programer</div>
	<p id="miss">be good at objective-C</p>
	<span>start begin learning html</span>
	<h1>I love programer</h1>
	<div class="div1">
		<ul class="box"><li>Helloworld</li></ul>
	</div>
	<div class="box">
		<p class="p1">Hellow</p>
	</div>
	<div class="box">
		<div class="div1">
			<p>hahaa</p>
		</div>
	</div>
	<p>Hellowrold</p>
</div>
</body>
</html>